.header {
  width: 100%;
  text-align: center;
  font-size: 35px;
  position: absolute;
  top: 50px;
  display: flex;
  justify-content: center;

  .icon-img{
    height: 75px;
    width: 75px;
  }
}

.input {
  width: 80%;
  height: 55px;
  background-color: #f2f3f7;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
  border-radius: 50px;

  display: flex;
  justify-content: center;
}

ion-input {
  text-align: center;
  font-size: 20px;
  // --placeholder-color: red;
}

.input-group {
  position: absolute;
  top: 150px;

  display: flex;
  flex-direction: column;
  align-items: center;
  // justify-content: center;
  width: 100%;
}

.login-btn {
  position: absolute;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 320px;
  transform: translate(-50%, 0); // translate中的百分比是相对于自身的宽高的
  background-color: #01cafc;
  border-radius: 50%;
}

.bottom-btn {
  position: absolute;
  top: 100%;
  transform: translate(0, -100%);

  width: 100%;
  display: flex;
  justify-content: space-between;
}

// .forget-btn {
//   position: absolute;
//   top: 100%;
//   transform: translate(0, -100%);
// }

// .register-btn {
//   position: absolute;
//   top: 100%;
//   transform: translate(0, -100%);
// }

ion-icon {
  color: #eee;
}
